<template>
  <!-- 会员信息详情页面 -->
  <div class="detail-info">
    <el-tabs type="border-card" v-model="tab_name" @tab-click="handle_change">
      <el-tab-pane label="基本信息" name="1"><MemberDetailInfo></MemberDetailInfo></el-tab-pane>
      <el-tab-pane label="订单信息" name="2"><MemberDetailOrder></MemberDetailOrder></el-tab-pane>
      <el-tab-pane label="预约信息" name="3">预约信息</el-tab-pane>
      <el-tab-pane label="绑定门店关系" name="4">绑定门店关系</el-tab-pane>
      <el-tab-pane label="体态照片" name="5">体态照片</el-tab-pane>
      <el-tab-pane label="身体基本数据" name="6">身体基本数据</el-tab-pane>
      <el-tab-pane label="女性激素管理周期训练方案" name="7">女性激素管理周期训练方案</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import MemberDetailOrder from '@/components/memberDetailOrder'
  import MemberDetailInfo from '@/components/memberDetailInfo'
  export default {
    components: {
      MemberDetailOrder,
      MemberDetailInfo
    },
    data() {
      return {
        id: '', // 上一个页面传递过来的id
        tab_name: '2',
      }
    },
    mounted () {
      this.id = this.$route.query.id
    },
    methods: {
      handle_change() {
        // console.log(this.tab_name);
      }
    },
  }
</script>

<style lang="scss" scoped>
.detail-info {}
</style>